<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>语义化布局案例</title>
	<link rel="stylesheet" href="../css/index.css">
	<script>
		var elements= ("header,footer,nav,video,audio,article,section,aside,hgroup,mark,time,address,output,figure,figcaption,dilog,canvas").split(',');
		console.log(elements);
	</script>
</head>
<body>
	<header>
		<div class="logo">LOGO</div>
		<nav>
			<ul>
				<li>导航1 <span>&lt;</span></li>
				<li>导航2 <span>&lt;</span></li>
				<li>导航3</li>
				<li>导航4</li>
				<li>导航5</li>
				<li>导航6</li>
			</ul>
		</nav>
	</header>
	<div>
		<video src="../sourse/media/index.webm"></video>
		<div>
			<h2>lalala</h2>
			<p>sdfswerwe432432sdfs;erwe</p>
		</div>
	</div>
	<aside>
		<h2>侧边栏</h2>
		<ul>
			<li>分类1</li>
			<li>分类2</li>
			<li>分类3</li>
			<li>分类4</li>
			<li>分类5</li>
		</ul>
	</aside>
	<article>
		<hgroup>
			<h2>我是主标题</h2>
			<h3>我是副标题</h3>
		</hgroup>
		<div>
			<time>2016-10-08 10:00:20</time>
			<address>作者:安晓</address>
		</div>
		<section>
			<p></p>
		</section>
	</article>
	<footer>
		我是底部标签
	</footer>
</body>
</html>